<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/vue.js" ></script>
</head>
<body>
<div id="app">
    {{message}}
</div>
<script>
    const  vm = new Vue(
        {
            el:"#app",
            data:{
                message:'Hello Vue!'
            },
            beforeCreate:function () {
                console.log("创建之前");
            },
            created:function () {
                console.log("创建之后");
            },
            beforeMount:function () {
                console.log("挂载之前");
            },
            mounted:function () {
                console.log("挂载之后");
            },
            beforeUpdate:function () {
                console.log("更新之前");
            },
            updated:function () {
                console.log("更新之后");
            },
            beforeDestroy:function () {
                console.log("销毁之前");
            },
            destroyed:function () {
                console.log("销毁之后");
            }
        }
    )

</script>


</body>
</html>